<template>
	<view>
		<view class="head_main">
			<view style="padding-top:95rpx;padding-left:20rpx;padding-bottom:35rpx;" @click="toback">
				<u-icon name="arrow-left" label="邻里商城" labelColor="#333" space="6">
				</u-icon>
			</view>
		</view>
		<view style="padding:20rpx;">
			<view class="discount_list u-flex u-row-between" v-for="(item,index) in list" :key="index">
				<view class="img_con">
					<image mode="heightFix" :src="item.image"></image>
				</view>
				
				<view class="shop_con">
					<view class="overflow">
						<text class="type_con">{{item.type}}</text>
						<text>{{item.title}}</text>
					</view>
					<view class="overflow" style="font-size: 24rpx;color:#666;padding:15rpx 0 25rpx;">{{item.label}}</view>
					<view class="u-flex u-row-between">
						<text style="color:#666;text-decoration:line-through;">￥{{item.oldprice}}</text>
						<view>
							<text style="color:red;margin-right:10rpx;font-size:26rpx;">疯抢价</text>
							<text style="font-size: 22rpx;">￥</text>
							<text style="font-size: 32rpx;">{{item.price}}</text>
						</view>
						
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data () {
			return {
				list:[
					{
						id:1,
						title:'基地直采新鲜西红柿',
						label:'榆中县夏官营1000kg/箱',
						type:'自营',
						image:'https://resourse.cnlhjt.com/upload/20221013/6082f575e9fea5427a3cd53c15666b8f.png',
						oldprice:'135',
						price:'100'
					},
					{
						id:2,
						title:'基地直采新鲜西红柿',
						label:'榆中县夏官营1000kg/箱',
						type:'自营',
						image:'https://resourse.cnlhjt.com/upload/20221013/6082f575e9fea5427a3cd53c15666b8f.png',
						oldprice:'135',
						price:'100'
					},
					{
						id:3,
						title:'基地直采新鲜西红柿',
						label:'榆中县夏官营1000kg/箱',
						type:'自营',
						image:'https://resourse.cnlhjt.com/upload/20221013/6082f575e9fea5427a3cd53c15666b8f.png',
						oldprice:'135',
						price:'100'
					}
				],
			}
		},
		methods:{
			toback(){
				uni.navigateBack();
			},
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #f8f8f8;
	}
	.head_main{
		height:420rpx;
		background-image: url('https://resourse.cnlhjt.com/upload/20221013/2e60e76f000ca3c285f9bea0d251527b.png');
		background-position: center top;
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}
	.discount_list{
		padding: 20rpx;
		margin-bottom:20rpx;
		border-radius: 15rpx;
		background-color: #fff;
		.img_con{
			width:33%;
			text-align: center;
			overflow: hidden;
			image{
				height:160rpx;
				margin:0 auto;
			}
		}
		.shop_con{
			width:65%;
			text-align: left;
			font-size: 26rpx;
			.type_con{
				color:#fff;
				border-radius: 8rpx;
				padding:3rpx 5rpx;
				font-size: 20rpx;
				margin-right:5rpx;
				background-color: red;
			}
		}
	}
</style>